<pro-header [title]="'基础详情页'"></pro-header>
<nz-card [nzNoHovering]="true" [nzBordered]="false">
    <ng-template #body>
        <desc-list size="large" title="退款申请" class="mb-lg">
            <desc-list-item term="取货单号">1000000000</desc-list-item>
            <desc-list-item term="状态">已取货</desc-list-item>
            <desc-list-item term="销售单号">1234123421</desc-list-item>
            <desc-list-item term="子订单">3214321432</desc-list-item>
        </desc-list>
        <nz-divider class="mb-lg"></nz-divider>
        <desc-list size="large" title="用户信息" class="mb-lg">
          <desc-list-item term="用户姓名">付小小</desc-list-item>
          <desc-list-item term="联系电话">18100000000</desc-list-item>
          <desc-list-item term="常用快递">菜鸟仓储</desc-list-item>
          <desc-list-item term="取货地址">浙江省杭州市西湖区万塘路18号</desc-list-item>
          <desc-list-item term="备注">无</desc-list-item>
        </desc-list>
        <nz-divider class="mb-lg"></nz-divider>
        <div class="text-lg mb-md">退货商品</div>
        <nz-table [nzDataSource]="data.basicGoods" [nzLoading]="basicLoading" [nzIsPagination]="false" class="d-block mb-lg">
            <thead nz-thead>
                <tr>
                    <th nz-th><span>商品编号</span></th>
                    <th nz-th><span>商品名称</span></th>
                    <th nz-th><span>商品条码</span></th>
                    <th nz-th class="text-right"><span>单价</span></th>
                    <th nz-th class="text-right"><span>数量（件）</span></th>
                    <th nz-th class="text-right"><span>金额</span></th>
                </tr>
            </thead>
            <tbody nz-tbody>
                <tr nz-tbody-tr *ngFor="let i of data.basicGoods">
                    <td nz-td><a (click)="msg.success(i.id)">{{i.id}}</a></td>
                    <td nz-td>{{i.name}}</td>
                    <td nz-td>{{i.barcode}}</td>
                    <td nz-td class="text-right">{{i.price}}</td>
                    <td nz-td class="text-right">{{i.num}}</td>
                    <td nz-td class="text-right">{{i.amount}}</td>
                </tr>
                <tr nz-tbody-tr>
                    <td nz-td>合计</td>
                    <td nz-td></td>
                    <td nz-td></td>
                    <td nz-td class="text-right"></td>
                    <td nz-td class="text-right"><strong>{{basicNum}}</strong></td>
                    <td nz-td class="text-right"><strong>{{amountNum}}</strong></td>
                </tr>
            </tbody>
        </nz-table>
        <div class="text-lg mb-md">退货进度</div>
        <nz-table [nzDataSource]="data.basicProgress" [nzLoading]="basicLoading" [nzIsPagination]="false">
            <thead nz-thead>
                <tr>
                    <th nz-th><span>时间</span></th>
                    <th nz-th><span>当前进度</span></th>
                    <th nz-th><span>状态</span></th>
                    <th nz-th><span>操作员ID</span></th>
                    <th nz-th><span>耗时</span></th>
                </tr>
            </thead>
            <tbody nz-tbody>
                <tr nz-tbody-tr *ngFor="let i of data.basicProgress">
                    <td nz-td>{{i.time}}</td>
                    <td nz-td>{{i.rate}}</td>
                    <td nz-td>
                        <nz-badge *ngIf="i.status === 'success'" [nzStatus]="'success'" [nzText]="'成功'"></nz-badge>
                        <nz-badge *ngIf="i.status !== 'success'" [nzStatus]="'processing'" [nzText]="'进行中'"></nz-badge>
                    </td>
                    <td nz-td>{{i.operator}}</td>
                    <td nz-td>{{i.cost}}</td>
                </tr>
            </tbody>
        </nz-table>
    </ng-template>
</nz-card>
